<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles"%>

<rich:panel header="#{messages['member.booking.order.label']}">
	<h:panelGrid>
		<h:outputText value="#{errorBean.errorMessage}" styleClass="error"></h:outputText>
	</h:panelGrid>
	
	<h:panelGrid>
		<h:outputText value="#{messages['product.catalogue.label']}" styleClass="sub_header" />
	</h:panelGrid>
	
	<h:panelGrid columns="4">
		<h:outputLabel for="searchBy" value="#{messages['search.by.label']}" styleClass="standardText_Label" />
		
		<t:selectOneMenu id="searchBy" styleClass="standardText" value="" >
			<f:selectItem itemLabel="Package Code" itemValue="" />
			<f:selectItem itemLabel="Package Description" itemValue="1" />
		</t:selectOneMenu>
		
		<t:inputText required="true" size="50" maxlength="50" styleClass="standardText" value=""></t:inputText>
		
		<h:commandButton value="#{messages['search']}" styleClass="button"></h:commandButton>
	</h:panelGrid>
	
	<h:panelGrid width="100%">
		<rich:dataTable id="data" var="demo" value="#{demoBean.productList}" rows="20" width="99%">
			<rich:column style="text-align:center;width:20%;">
				<f:facet name="header">
					<h:outputText value="#{messages['package.code.column']}"></h:outputText>
				</f:facet>
				<h:commandLink action="#{demoBean.submitOrderAction}" immediate="true">
					<h:outputText value="#{demo.label}"></h:outputText>
				</h:commandLink>
			</rich:column>
			
			<rich:column style="text-align:center;width:20%;">
				<f:facet name="header">
					<h:outputText value="#{messages['package.desc.column']}"></h:outputText>
				</f:facet>
				<h:commandLink action="#{demoBean.submitOrderAction}" immediate="true">
					<h:outputText value="#{demo.action}"></h:outputText>
				</h:commandLink>
			</rich:column>
			
			<rich:column style="text-align:center;width:20%;">
				<f:facet name="header">
					<h:outputText value="#{messages['product.qty.column']}"></h:outputText>
				</f:facet>
				<h:outputText value="1"></h:outputText>
			</rich:column>
			<%-- 
			<rich:column style="text-align:center;width:10%;">
				<f:facet name="header">
					<h:outputText value="#{messages['product.list.price.column']}"></h:outputText>
				</f:facet>
				<h:outputText value="RM120"></h:outputText>
			</rich:column>
			--%>
			
			<rich:column style="text-align:center;width:10%;">
				<f:facet name="header">
					<h:outputText value="#{messages['product.point.column']}"></h:outputText>
				</f:facet>
				<h:outputText value="1"></h:outputText>
			</rich:column>
		</rich:dataTable> 
	</h:panelGrid>
	
	<rich:datascroller align="left"  for="data" maxPages="20" />
	
	
</rich:panel>
